<template>

	<tm-fullView>
		<template v-slot:default="{info}">
			<view class="grey text " :class="$tm.vx.state().tmVuetify.black?'black bk':''" :style="{minHeight:info.height+'px'}">
				<tm-menubars title="快速动作操作栏" color="bg-gradient-blue-accent" :showback="true"></tm-menubars>
				<tm-sheet :shadow="24">
					<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?' bk':''">基础示例</view>
					<tm-button @click="show=true" block theme="bg-gradient-pink-accent">点我展示</tm-button>
					<tm-actionSheetMenu font-color="pink" :black="false"  @change="change" v-model="show":actions=" [ '说明文档','说明文档' ] "></tm-actionSheetMenu> 
				</tm-sheet>
				<tm-sheet :shadow="24">
					<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?' bk':''">暗黑模式，修改标题，修改文字颜色</view>
					<tm-button @click="show1=true" block theme="blue-grey">点我展示暗黑模式</tm-button>
					<tm-actionSheetMenu title="我是修改的标题" font-color="orange" black  @change="change" v-model="show1":actions=" [ '说明文档','说明文档' ] "></tm-actionSheetMenu> 
				</tm-sheet>
				<tm-sheet :shadow="24">
					<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?' bk':''">我使用的是对象数据数组</view>
					<tm-button @click="show2=true" block theme="orange">点我展示</tm-button>
					<tm-actionSheetMenu font-color="orange" :black="false"   @change="change" rang-key="text" v-model="show2":actions=" [ {text:'我是操作1'},{text:'我是菜单'} ] "></tm-actionSheetMenu> 
				</tm-sheet>
			</view>
		</template>
	</tm-fullView>
	
</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmActionSheetMenu from "@/tm-vuetify/components/tm-actionSheetMenu/tm-actionSheetMenu.vue"
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmActionSheetMenu,tmButton},
		data() {
			return {
				show:false,
				show1:false,
				show2:false,
			}
		},
		methods: {
			change(e){
				uni.$tm.toast(`你点击了${JSON.stringify(e)}`)
			}
		}
	}
</script>

<style>

</style>
